<template>
	<view  style="position: relative;height: 100%;" >
		<view style="position: sticky;top:0rpx;z-index: 99999999;" class="bg-gray">
			<my-tabs :list="list" @change='tabsChange'></my-tabs>
		</view>
		<view class="head bg-gray">
			<view v-if="getHeadPotraitArr[tabIndex].HeadPotraitList.length>0"  class="head_box bg-gray">
				<custom-waterfalls-flow ref="waterfallsFlowRef" @imageClick="goImgBox"	 :value="getHeadPotraitArr[tabIndex].HeadPotraitList" imageKey="thumbnailFileUrl" :columnSpace="1" ></custom-waterfalls-flow>
			</view> 
			<view v-show="(getHeadPotraitArr[tabIndex].HeadPotraitList.length == 0 )&& showLogin" style="padding-top: 50rpx;">
				<u-empty text="暂无图片" mode="list"></u-empty>
			</view>
		</view>
		<u-back-top :scroll-top="scrollTop" :duration='600' ></u-back-top>
	</view>
</template>

<script>
	import { haeadmixins } from "../mixin/head-bizhi.js"
	export default {
		mixins: [haeadmixins],
		data() {
			return {
				type:'壁纸',
				scrollTop: 0
			}
		},
		onPageScroll(e) {
			this.scrollTop = e.scrollTop;
		},
		methods:{
			goImgBox(item){
				this.$link.goTo('/common/pages/img-box?imgSrc='+encodeURIComponent(item.fileUrl))
			}
		}
	}
</script>

<style scoped>
.head{
	min-height: calc(100vh - 64rpx);
}
.head_box{
	padding: 10rpx 20rpx;
}
</style>
